<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reorder TreePanel</title>
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/ext.css"></link>
<link rel="stylesheet" type="text/css" href="resources/style.css"></link>
<script language="javascript" type="text/javascript" src="edit_area/edit_area_loader.js"></script>
</head>
<body scroll="no" id="docs">
<div id="loading">
    <div class="loading-indicator">Db-Explorer<br/>
        <img src="js/ext/resources/images/default/shared/loading-balls.gif" width="41" height="9"
             style="margin-right:8px;float:left;vertical-align:top;"/>
        <span id="loading-msg">Pobieranie stylów i obrazów...</span>
    </div>
</div>
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Pobieranie głównego silnika...';</script>
 	<script type="text/javascript" src="js/ext/adapter/ext/ext-base-debug.js"></script>
 	<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Pobieranie komponentów graficznych...';</script>
    <script type="text/javascript" src="js/ext/ext-all-debug.js"></script>
	<script type="text/javascript" src="js/locale/ext-lang-pl.js"></script>
    <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Inicjalizacja...';</script>
	<script type="text/javascript">
		document.getElementById('loading-msg').innerHTML = 'Inicjalizacja...';
	</script>

	<link rel="stylesheet" type="text/css" href="ext.css" />

  <div id="header">
	<div class="api-title">DbExplorer 1.0 for Oracle</div>
  </div>
    <h1>MultiSelect &amp; ItemSelector</h1>

    <p>The js is not minified so it is readable. See <a href="multiselect-demo.js">multiselect-demo.js</a>.</p>
    
    <b>MultiSelect</b><br />

    <p>Press Save with no items selected to see an example of validation applied.</p>
    <div id="multiselect" class="demo-ct" style="margin-bottom:15px;"></div>
    
    <b>ItemSelector</b><br />

    <p>Supports drag and drop, double-click, button move/reorder, etc.
  <div id="main"></div>
  <script type="text/javascript">Ext.get('loading').fadeOut({remove: true, duration:.25});</script>
  	<script type="text/javascript">
  		var text="select * from towary";
		Ext.onReady(function(){
			Ext.QuickTips.init();
			form = new Ext.form.FormPanel({  
				standardSubmit: true, // traditional submit  
				url: 'submitform.php',  
				border:false,  
				labelWidth: 80,  
				defaults: {  
					xtype:'textfield',  
					width: 150  
				},  
				items:[  
					{fieldLabel:'Title',name:'title', allowBlank:false},  
					{xtype:'combo',fieldLabel:'Year',name:'year',triggerAction:'all',store:[2009,2008,2007,2006]},  
					{xtype:'numberfield',fieldLabel:'Revenues',name:'revenues'},  
					{xtype:'textarea',fieldLabel:'Comment',name:'comment'},  
					{xtype:'checkbox',fieldLabel:'',labelSeparator:'',boxLabel:'Available',name:'available'}  
				]
			});  
	var w = new Ext.Window({
		title: 'Ustawienia',
		width:300,
		height:270,
		bodyStyle: 'padding:10px;background-color:#fff;',
		buttons:[{
        	text: 'Zapisz',
        	handler: this.sendData
    	},{
        	text: 'Anuluj',
        	handler: function(){
				w.close();
        	}
    	}],
		sendData: function(){
			form.getForm().submit();
		},
		items:form
	});
	w.show();
	
		});
	</script>
	<div id="itemselector" class="demo-ct"></div>
  </body>
</html>